<!DOCTYPE html>
<html>
<head>
	<title>navigation</title>
	<meta charset="utf-8">
	<style type="text/css">
		#wrap{
			background: red;
		}
		ul{
			padding: 0;
			height: 60px;
			width:700px;
			margin:200px auto;
		}
		li{
	list-style:none;
    width:100px;
    height:60px;
    float: left;
    text-align: center;
    line-height:60px ;
}

		
		a{
			width:120px;
			height: 60px;
			display: inline-block;
			text-align: center;
			line-height: 60px;
			color:;
			text-decoration: none;
			font-size:;
			font-weight: ;
		}
            li:hover{
            	color: green;
            	background: yellow;
            	cursor: pointer;
            }
	</style>
	

</head>
<body>
	<div id="wrap">
     <ul>
     	<li>
			<a href="http://www.baidu.com" target="_self">首页</a>
		</li>
		<li>
			<a href="http://www.baidu.com" target="_blank">工作</a>
		</li>
		<li>
			<a href="http://www.baidu.com" target="_blank">博客</a>
		</li>
		<li>
			<a href="http://www.baidu.com" target="_blank">关于</a>
		</li>
		<li>
			<a href="http://www.baidu.com" target="_blank">联系</a>
		</li>
		<li>
			<a href="http://www.baidu.com" target="_blank">联系2</a>
		</li>
		<li>
			<a href="http://www.baidu.com" target="_blank">联系3</a>
		</li>
     </ul>
 </div>
 <div class="box"></div>
</body>
</html>